let startY = 0;//手指起始的坐标
let moveY =0;//手指移动的坐标
let moveDistance = 0;//手指移动的距离

import request from "../../utils/request";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    coverTransform:'translateY(0)',//起始值
    coveTransition:'', //动画过度
    userinfo:{}, //保存用户信息
    recentPlayList:[],//用户播放记录
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    //读取用户信息
    let userinfo = wx.getStorageSync('userinfo');
    if(userinfo){
      //更新userinfo 的状态
      this.setData({
        //注意: 在login.js 登录成功后转成JSON保存，到这里一定要转一遍JSON把它转回来不然拿不到数据
        userinfo: JSON.parse(userinfo)
      })

      //获取用户播放记录    在这调用 getUserRecentPlayList
      this.getUserRecentPlayList(this.data.userinfo.userId)
    }
  },
// 获取用户播放记录的功能函数
async getUserRecentPlayList(userId){
  let recentPlayListData = await request('/user/record',{uid:userId, type: 0})
  let index = 0;
  let recentPlayList = recentPlayListData.allData.splice(0, 10).map(item=>{
    item.id = index++;
    return item;
  })
  this.setData({
    recentPlayList
    //recentPlayList: recentPlayListData.allData.splice(0, 10)
  })
},


  //手指起始位置
  handleTouchStart(event){  
    this.setData({
      coveTransition:'' //手机点击的时候动画过度效果清空
     })
    // touches[] 获取手指的起始坐标
    startY = event.touches[0].clientY;
    
    //console.log('点')
  },
  //手指移动距离
  handleTouchMove(event){
    moveY = event.touches[0].clientY;
    //获取手指移动的距离
    moveDistance = moveY - startY;
    if(moveDistance<=0){
      return;
    }
    if(moveDistance >=80){
      moveDistance = 80;
    }
    //动态更新 coverTransform 的状态值
    this.setData({
      coverTransform:`translateY(${moveDistance}rpx)`
    })
    // console.log('拖')
  },
  //手指离开
  handleTouchEnd(){
   // 动态更新 coverTransform  的状态值
   this.setData({
    coverTransform:`translateY(0rpx)`,
    coveTransition:'transform 1s linear'
   })
  },

//跳转到登录 login 页面
toLogin(){
    wx.navigateTo({ //navigateTo 跳转路由
      url: '/pages/login/login',
    })
  }
})